<template>
  <el-dialog
    :visible.sync="$attrs.visableIf"
    width="500px"
    :show-close="false"
    class="noheaderdialog"
  >
    <div class="flex">
      <i class="el-icon-warning-outline f-22 c_warning mr-16"></i>
      <div>
        <div class="f-16 c_text2">
          删除规则时，是否需要同时取消执行中的计划任务
        </div>
        <div class="mt-8 c_text">
          多号模式下删除自动化SOP规则会同步删除已应用至各个企微号下的该规则，删除后是否需要同步取消该规则创建的计划任务。
        </div>
      </div>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button size="small" @click="handleCloseDialog">取 消</el-button>
      <el-button size="small" type="primary" plain @click="handleCloseDialog"
        >仅删除规则</el-button
      >
      <el-button size="small" type="primary" @click="handleCloseDialog"
        >删除规则并取消计划任务</el-button
      >
    </span>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    handleCloseDialog() {
      this.$emit("update:visableIf", false);
    },
  },
};
</script>

<style lang="scss" scoped>
.noheaderdialog {
  ::v-deep .el-dialog__header {
    padding: 0 !important;
    border-bottom: 0;
  }
  ::v-deep .el-dialog__footer {
    border-top: 0;
    background-color: #fff;
    padding-bottom: 25px;
  }
}
</style>